@media(max-width: 4000px) {
  .baseviews {
    margin: 0px 15% 0px 15%;
    
  }
  .el-header {
    height: auto;
    position: fixed;      /* 固定导航栏 */
      top: 0;              /* 顶部对齐 */
      left: 15%;             
      right: 15%;            
      z-index: 1000;    
      padding-right: 0px;
      padding-left: 0px;
  }
}

@media(max-width: 1900px) {
  .baseviews {
    margin: 0px 9% 0px 9%;
    
  }
  .el-header {
    height: auto;
    position: fixed;      /* 固定导航栏 */
      top: 0;              /* 顶部对齐 */
      left: 9%;             
      right: 9%;            
      z-index: 1000;    
      padding-right: 0px;
      padding-left: 0px;
  }
}
@media(orientation: landscape) {
  .el-main {
  background-color: #f1f3f4; 
  /* height: 100vh;  */
  min-height: 87vh;
  margin-top: 112px;
  margin-right: 20px;
  padding: 0px !important;
  overflow: visible;
  /* max-height: none; 取消限制高度 */
}
  .el-footer {
  background-color: #f1f3f4;
  margin-right: 20px;
  padding: 10px;
}
  .el-aside {
  margin-top: 112px;
  background-color: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  /* display: none; */
  } 
}


@media(orientation: portrait) {
  .el-main {
  background-color: #f1f3f4; 
  /* height: 100vh;  */
  min-height: 87vh;
  margin-top: 112px;
  margin-right: 0px;
  padding: 0px !important;
  overflow: visible;
  /* max-height: none; 取消限制高度 */
}

  .el-aside {
  margin-top: 112px;
  background-color: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  display: none;
  } 
  .el-footer {
    background-color: #f1f3f4;
    // margin-right: 20px;
    padding: 10px;
  }
}